.MyList {
    background-color: rgb(242, 242, 242);

    .nav {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 10px;
        flex-wrap: wrap;
        background-color: white;

        .item {
            width: 20%;
            text-align: center;
            margin-bottom: 10px;
        }

        .item.active {
            color: red;
            font-weight: bold;
        }
    }

    .one {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 10px;
        flex-wrap: wrap;
        height: 500px;
        overflow: auto;


        .item {
            width: 48%;
            margin-bottom: 10px;
            background-color: white;

            .tu {
                height: 220px;

                img {
                    width: 100%;
                    height: 100%;
                }
            }

            .text {
                width: 100%;
            }

            .price {
                width: 100%;
                color: red;
                font-size: 14px;
            }

            .money {
                width: 100%;
                color: red;
                font-size: 18px;
            }
        }
    }

}